@charset "utf-8";
@font-face {
    font-family: 'LayijiTaMaiTine1Regular';
    src: url('../font/fff.eot');
    src: url('../font/fff.eot') format('embedded-opentype'),
         url('../font/fff.woff') format('woff'),
         url('../font/fff.ttf') format('truetype'),
         url('../font/fff.svg#LayijiTaMaiTine1Regular') format('svg');
}
@font-face {
    font-family: 'ThaiSansLiteRegular';
    src: url('../font/thaisanslite_r1.eot');
    src: url('../font/thaisanslite_r1.eot') format('embedded-opentype'),
         url('../font/thaisanslite_r1.woff') format('woff'),
         url('../font/thaisanslite_r1.ttf') format('truetype'),
         url('../font/thaisanslite_r1.svg#ThaiSansLiteRegular') format('svg');
}

.fl{ float:left;}
.fr{ float:right;}
.clear {clear:both;}
.bold {font-weight:bold;}

body{ font-size:13px; font-family:Tahoma; color: #424242;}

.wrapper { width:975px !important; margin:auto;}

#header {width:100%; height:310px; background:url("../images/bgheader.jpg") repeat-x;}
#header-water{width:100%; height:262px; background:url("../images/bgwater.jpg") no-repeat center; position:relative;}
#header .waterbar{ width:100%; position:absolute; height:70px; background:url("../images/header-bar.png") repeat-x; bottom:-50px;}

.logo{ position:absolute; left:50%; top:60px; margin-left:-130px;}
.lang { float:right; margin:40px 20px 0 0; }
.lang a{ float:left; font:22px 'LayijiTaMaiTine1Regular'; color:#fff; margin-left:20px;}
.lang a:hover, .lang a.active{ color:#ed1c24;}
.social {float:right;  margin:20px 20px 0 0; clear:both;}

.color1 { background:#00bae7;}
.color2 { background:#018cd2;}

.s80 {width:80px; height:80px;}
.s92 {width:92px; height:92px;}
.s110 {width:110px; height:110px;}
.s88 {width:88px; height:88px;}

.mainmenu {position:absolute; top:220px; z-index:100;}
.mainmenu li {float:left; margin:0 25px 0 25px;}
.mainmenu li a span{ margin-top:-7px; display:block;}
.mainmenu a{font:20px 'ThaiSansLiteRegular'; line-height:16px; color:#fff; font-weight:bold; text-align:center; vertical-align:middle; display:table-cell;
	border:7px solid rgba(255, 255, 255, .7); -webkit-background-clip: border-box; background-clip: border-box;
	-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;
}

#footer {clear:both; padding:30px 0 30px 0;}
#footer .waterbar{ width:100%; height:70px; background:url("../images/footer-bar.png") repeat-x; margin-bottom:20px;}
#footer .footermenu {width:600px; float:left; margin-left:20px; margin-bottom:30px;}
#footer .link {width:600px;}
#footer .subscribe {float:right; width:349px; height:124px; background:url("../images/bg-subscribe.png"); position:relative;}
#footer .subscribe h3 {position:absolute; color:#0287b4; top:10px; left:70px;}
#footer .subscribe span {position:absolute; top:30px;  left:70px;}
#footer .subscribe .sub-input {color:#999; padding:0 5px; position:absolute; background:none; border:none; top:82px; left:45px; height:25px; width:203px;}
#footer .subscribe .btn-submit {background:url("../images/btn-subscribe.png"); height:28px; width:78px; border:none; top:82px; left:260px; position:absolute; cursor:pointer;}
#footer .footermenu a {color:#00588f;}
#footer .footermenu a:hover {text-decoration:underline;}

.main {width:680px; float:right; margin:50px 20px 0 0;}
.main h1{font:28px 'LayijiTaMaiTine1Regular'; color:#018cd2; margin:0 5px 10px 0; text-align:right;}
.main h1 .subhead {display:block; font-size:13px; color:#525252; font-family:tahoma; margin:10px 0 10px 0}
.sidebar {width:317px; height:641px; background:url("../images/bg-sidebar.png") no-repeat; margin:30px 0 0 -63px; position:relative;}
.content {width:100%; border-top:1px solid #018cd2; clear:both; padding:0 0 20px 0; float:left;}

.about-image { float:left; margin:0 20px 0 0; border:5px solid #0181b0; -moz-border-radius: 5px; border-radius: 5px;}
.about-banner {margin-top:30px;}
.about-content { float:left;}
#about .display {text-align:center; margin-top:20px;}

.sidebar ul {position:relative; top:129px; left:100px; width:190px;}
.sidebar ul li{margin:10px 0px; padding:0 0 10px 10px; background: url("../images/line.png") 0 100% no-repeat;}
.sidebar ul li a{color:#fff;}
.sidebar ul li a:hover{text-decoration:underline;}
.sidebar ul li:first-child {margin:0; padding:0; background:none; font-size:26px; color:#fff; margin-bottom:20px; font-family:ThaiSansLiteRegular;}

#wrapper-relate {padding:25px 0 0 0; border-top:1px solid #018cd2;}
#wrapper-relate ul li {float:left; margin:0 10px 0 10px;}
#wrapper-relate h3 {color:#018cd2; font-size:18px;}
#relate {padding-left:0px; margin-top:20px;}
#relate .desc {text-align:center; width:180px; display:block;}
#wrapper-relate .btn-prev {float:left; margin-top:70px; cursor:pointer;}
#wrapper-relate .btn-next {float:right; margin-top:70px; cursor:pointer;}

#channel #wrapper-relate .btn-prev {margin-top:50px;}
#channel #wrapper-relate .btn-next {margin-top:50px;}

#promotion .display {text-align:center; margin:30px 0 20px 0;}
#promotion #wrapper-relate .thumb {height:135px; border:3px solid #038dd5;}

#plaything {margin-top:20px;}
#wrapper-plaything .caroufredsel_wrapper {height:120px !important;}
#wrapper-plaything {padding-bottom:20px; border-bottom:1px solid #018cd2; position:relative; height:120px;}
#wrapper-plaything ul li {float:left; margin:0 10px 0 10px;}
#wrapper-plaything .btn-prev {float:left; margin-top:18px; cursor:pointer;}
#wrapper-plaything .btn-next {float:right; margin-top:18px; cursor:pointer;}
#plaything .title {background:#018cd2; color:#fff; font-weight:bold; padding:5px 15px; display:none; position:absolute; top:90px;}

#gallery h2 {color:#018cd2; font-weight:bold; font-size:16px;}
#gallery h3 {color:#018cd2; font-weight:bold; font-size:13px;}
#gallery .display {text-align:center; margin-top:60px; min-height:400px; position:relative;}
.gallery {margin-top:60px; position:relative;}
.gallery {margin-top:60px; position:relative; border-bottom:1px solid #018cd2}

#channel .content iframe {margin-top:30px;}
#channel #relate img {width:150px; border:1px solid #0181b0;}
#channel #relate .desc {width:150px; height:35px; overflow:hidden;}

.thumb {cursor:pointer;}

#shop .detail {display:block; color:#fff; background:#018bd3; padding:20px; margin-top:20px;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#shop .shop-logo {display:block;}
#shop .display {text-align:center; margin-top:60px; min-height:400px; position:relative;}

#career .content h3.head {color:#018bd3; font-size:13px;}
#career table.career {border:3px solid #018bd3; padding:30px; width:100%; margin:30px 0 5px 0;}
#career table.career th {color:#018bd3; text-align:left;}
#career table.career td {vertical-align:top; border-bottom:1px solid #838383; padding:25px 0 25px 0;}
#career table.career td:first-child {}

#contact .content h2 {color:#038dd5; margin:10px 0 10px 0; font-size:30px; display:block; font-family:ThaiSansLiteRegular;}
#contact .col1 { width:320px; margin:10px;}
#contact .col1 .head {color:#038dd5; font-weight:bold; display:block;}
#contact .col1 .detail {display:block; margin:10px 0 10px 0;}
#contact .col1 .tel {display:block;}
#contact .col1 .tel b {width:50px; float:left;}
#contact .blue {color:#038dd5;}
#contact .contact-form {clear:both; margin-top:20px;}
.contact-form form {border:3px solid #038dd5; padding:10px 30px 20px 30px;}
.contact-form form ul li{margin:10px; line-height:25px;}
.contact-form form ul li label{ width:100px; float:left; color:#038dd5; font-weight:bold;}
.contact-form form ul li .input{height:25px; border:1px solid #999; width:460px;}
.contact-form .btn-submit {background:#025e9d; border:none; width:133px; height:27px; color:#fff; font-weight:bold; font-size:14px; cursor:pointer; float:right; margin:10px;}

#reservation .content h2 {color:#038dd5; margin:10px 0 10px 0; font-size:30px; display:block; font-family:ThaiSansLiteRegular;}
#reservation .reservation-form {clear:both; margin-top:20px;}
.reservation-form ul{border:3px solid #038dd5; padding:0 20px 20px 20px;}
.reservation-form ul li{margin:20px 0; line-height:25px;}
.reservation-form ul li label{ width:80px; float:left; margin:0 15px 0 0; text-align:right;}
.reservation-form ul li .input{height:25px; border:1px solid #999; width:190px; float:left;}
.reservation-form .btn-submit {background:#025e9d; border:none; width:133px; height:27px; color:#fff; font-weight:bold; font-size:14px; cursor:pointer; margin:10px;}

.ticket-form {position:relative;}
.ticket-form ul {background:#018cd2; padding:20px; margin:20px 0 0 0;}
.ticket-form ul li{padding:10px 0; color:#fff; border-bottom:1px solid #60caff;}
.ticket-form ul li label{ width:150px; margin:5px 0 0 10px; display:block; float:left;}
.ticket-form ul li select{}
.ticket-form ul li .price{}
.ticket-form ul li .condition{ color:#f00;}
.ticket-form .input {height:20px; width:90px;}

#contact .map {margin-top:20px;}
#contact .map .tab {position:relative; top:1px;}
#contact .map .tab li{height:42px; float:left; padding:0px 20px 0px 20px; font-size:28px; font-family:ThaiSansLiteRegular; cursor:pointer;}
#contact .map .tab li.active{color:#038dd5; background:url("../images/bg-tab.png") 0 100% repeat-x; border:1px solid #8f8f8f; border-bottom:none;}
#contact .map .tab li:hover {color:#038dd5;}
#contact .map .display-map {border:1px solid #8f8f8f; padding:10px; clear:both;}
#contact .map .graphic-map {display: none;}

.reservation-bar{height:57px; background:#f58746; width:975px; position:relative; margin:60px 0 0 0; text-align:center; font:25px 'LayijiTaMaiTine1Regular';
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.reservation-bar a{ color:#7b2e01; line-height:57px; margin:0 80px;}

.reservation-bar h2{ position:absolute; left:0; top:-25px; font:30px 'LayijiTaMaiTine1Regular'; color:#f36f21;
  text-shadow: 2px 2px 0 #fff; -moz-text-shadow: 2px 2px 0 #fff; -webkit-text-shadow: 2px 2px 0 #fff;}

#home .banner {border:12px solid #038dd5; margin-top:20px; -webkit-border-radius:  7px; -moz-border-radius:  7px; border-radius: 7px; position:relative;}
#home .notice {margin-top:40px;}
#home .notice h2 {font:28px 'LayijiTaMaiTine1Regular'; color:#025d9d;}
#home .notice .border-notice {border:8px solid #00bae7; padding:20px 35px 25px 35px;}
#home .notice #marquee {overflow:hidden; margin-top:5px;}

#home .showcase-button-wrapper {position:absolute; top:300px; right:0;}
#home .showcase-button-wrapper span{background:#000;}
#home .showcase-button-wrapper .active{}

#home .channel {background:url("../images/bg-channel.png") no-repeat 0 0; width:375px; height:360px; position:relative; float:right; margin-top:20px;}
#home .channel h2 {font:28px 'LayijiTaMaiTine1Regular'; color:#f36f21; display:block; width:100%; position:absolute; top:60px; text-align:center;}
#home .channel iframe {border:5px solid #038dd5; -webkit-border-radius:  5px; -moz-border-radius:  5px; border-radius: 5px;  position:absolute; top:90px; left:20px;}
#home .channel .more {right:0; position:absolute; bottom:0; color:#f36f21;}
#home .more2 {margin:-13px 0 0 420px; color:#f36f21; float:left;}

#home .highlight {float:left; margin-top:20px; position:relative;}
#home .highlight .tab {position:relative;}
#home .highlight .tab li{color:#fff; height:40px; line-height:40px; margin-right:10px; background:#62e0ff;  float:left; padding:0px 20px 0px 20px; font-size:28px; font-family:LayijiTaMaiTine1Regular; cursor:pointer;
-webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius:  5px 5px 0px 0px; border-radius:  5px 5px 0px 0px;}
#home .highlight .tab li.active{ background:#00bae7;}
#home .highlight .tab li:hover {color:#038dd5;}
#home .highlight .display-content {border:3px solid #00bae7;  clear:both; width:520px; height:255px; padding:20px;
-webkit-border-radius: 0 3px 3px 3px; -moz-border-radius:0 3px 3px 3px; border-radius:0 3px 3px 3px;}
#home .highlight .promotion {display: none; overflow:auto;}
#home .highlight .promotion ul{}
#home .highlight .promotion ul li {padding:22px 0 22px 0; border-bottom:1px solid #00bae7;}
#home .highlight .promotion ul li:first-child {padding-top:0;}
#home .highlight .promotion ul li:last-child {border:none;}
#home .highlight .promotion ul li img {border:3px solid #00bae7; float:left; margin-right:20px;}
#home .highlight .promotion ul li h3 {float:left; margin-bottom: 10px; display:block; color:#62e0ff; font-weight:bold;}
#home .highlight .promotion ul li span {float:left; display:block; width:300px; height:67px; overflow:hidden;}

#home .calendar .iframe {width:530px; height:260px;}

.rect {background:#fee800; height:400px; width:680px; position:absolute; top:0px; z-index:1;
-webkit-transform: rotate(4.5deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(4.5deg);  /* Firefox 3.5-15 */
      -ms-transform: rotate(4.5deg);  /* IE 9 */
        -o-transform: rotate(4.5deg);  /* Opera 10.50-12.00 */
         transform: rotate(4.5deg);  /* Firefox 16+, IE 10+, Opera 12.50+ */
}
.display img {position:relative; z-index:1000; }
.social-btn {float:right; margin-top:20px; width:95px; overflow:hidden;}

#channel .content h2 {color:#018cd1; margin:10px;}
#channel .content span {margin:10px; display:block;}

#ride .zoom-wrapper { width: 3525px; height: 2800px; position:relative; top:-1050px; left:-1274px;}
#ride .zoom-display { width: 975px; height:700px; overflow:hidden; position:relative; margin-top:30px; display: none;}
#ride #draggable {width:2250px; height:1750px; top:637px; left:525px;}
#ride .sign {border:1px solid #0990d2; margin-top:20px; padding:15px;}
#ride .zoom-in {cursor:pointer; position:relative; z-index:100;}
#ride .zoom-out {cursor:pointer; display: none; position:relative; z-index:100;}

#schedule .month-view {border-top:1px solid #aaa; border-left:1px solid #aaa; margin:20px auto; width:777px;}
#schedule .month-view .box {float:left; border-right:1px solid #aaa; border-bottom:1px solid #aaa; width:110px; height:90px; position:relative;}
#schedule .month-view .head {font-weight:bold; font-size:14px; text-align:center; color:#000; height:27px;}
#schedule .month-view .date {float:right; margin:0 5px 5px 5px;}
#schedule .month-view .today {background:#f9f1c4;}
#schedule .month-view .pass { color:#fff;}
#schedule .month-view .event {display:block; height:20px; width:100%; background:#3987ad; position:absolute; color:#fff; text-align:center; overflow:hidden;}
#schedule .month-view .line0 {top:20px;}
#schedule .month-view .line1 {top:42px;}
#schedule .month-view .line2 {top:64px;}
#schedule .head-bar {width:777px; margin:30px auto;}
#schedule h2 {text-align:center; font-family:"ThaiSansLiteRegular"; font-size:30px; font-weight:bold; width:625px;}
#schedule .btn-next-month{float:left; margin-top:10px;}

#event {min-height:500px;}
#event h2 {color:#018bd3;}
#event .bottom {position:absolute; bottom:0; width:100%;}
#event .date {color:#018bd3; font-weight:bold; font-size:15px; float:right; margin-top:30px;}
#event .bottom-logo {float:right; height:60px; margin:0 20px 0 0;}

#home-schedule .month-view {border-top:1px solid #aaa; border-left:1px solid #aaa; width:497px;}
#home-schedule .month-view .box {float:left; border-right:1px solid #aaa; border-bottom:1px solid #aaa; width:70px; height:64px; position:relative;}
#home-schedule .month-view .head {font-weight:bold; font-size:13px; text-align:center; color:#000; height:22px;}
#home-schedule .month-view .date {float:right; margin:0 5px 5px 5px; font-size:11px;}
#home-schedule .month-view .today {background:#f9f1c4;}
#home-schedule .month-view .pass { color:#fff;}
#home-schedule .month-view .event {display:block; height:15px; line-height:15px; font-size:11px; width:100%; background:#3987ad; position:absolute; color:#fff; text-align:center;  overflow:hidden;}
#home-schedule .month-view .line0 {top:15px;}
#home-schedule .month-view .line1 {top:31px;}
#home-schedule .month-view .line2 {top:47px;}
#home-schedule .head-bar {width:497px;}
#home-schedule h2 {text-align:right; font-family:"ThaiSansLiteRegular"; font-size:30px; font-weight:bold; width:497px;}
#home-schedule .btn-next-month{float:left; margin-top:10px; height: 20px;}

#ride .mini-map {position:relative;}
#ride .mini-map .map {margin:0 0 0 37px;}

#ride .small-pin-wrapper {position:absolute;}
#ride .small-pin {cursor:pointer; z-index:10; position:absolute;}
#ride .small-pin-wrapper .popup {position:relative; z-index:100; top:60px; left:-170px;}

#ride .s1 {top:335px; left:800px;}
#ride .s2 {top:220px; left:720px;}
#ride .s3 {top:160px; left:120px;}
#ride .s4 {top:260px; left:280px;}
#ride .s5 {top:190px; left:200px;}
#ride .s6 {top:110px; left:300px;}
#ride .s7 {top:110px; left:220px;}
#ride .s8 {top:380px; left:480px;}
#ride .s9 {top:350px; left:360px;}
#ride .s10 {top:160px; left:430px;}
#ride .s11 {top:365px; left:625px;}
#ride .s12 {top:130px; left:190px;}
#ride .s13 {top:230px; left:470px;}

#ride .pin-wrapper {position:absolute;}
#ride .pin {cursor:pointer; z-index:10; position:absolute;}
#ride .pin-wrapper .popup {position:relative; z-index:100; top:120px; left:-150px;}

#ride .p1 {top:750px; left:1880px;}
#ride .p2 {top:480px; left:1710px;}
#ride .p3 {top:320px; left:250px;}
#ride .p4 {top:550px; left:620px;}
#ride .p5 {top:400px; left:420px;}
#ride .p6 {top:240px; left:675px;}
#ride .p7 {top:200px; left:480px;}
#ride .p8 {top:860px; left:1140px;}
#ride .p9 {top:800px; left:820px;}
#ride .p10 {top:320px; left:1000px;}
#ride .p11 {top:820px; left:1450px;}
#ride .p12 {top:250px; left:380px;}
#ride .p13 {top:500px; left:1060px;}

#ride .popup {background:#018bd3; width:400px; padding:10px; color:#fff; margin-top:10px; display: none;}
#ride .popup .logo-plaything {margin:0 10px 10px 0;}
#ride .popup h3 {margin:20px 0 10px 0; font-weight:bold;}
#ride .popup .warning {color:#f00; margin-top:10px;}
#ride .popup .btn-gallery {width:120px; background:#055f9e; text-align:center; padding:2px; float:right;}
#ride .popup .btn-gallery a {color:#fff;}